<template>
  <div>
    <div class="component-mainHeader">
      <div class="top">
        <div class="topleft">
          <p>
            <span class="iconfont" style="color:#1abc9a;margin-right:3px;">&#xe607;</span>待验收项目
          </p>
        </div>
        <div class="topright">
         <!-- <el-button type="info" @click="$router.go(-1)">
            <span style="font-weight:700;margin-right:5px;" class="iconfont">&#xe606;</span>返回
          </el-button>-->
          <el-button type="info" @click="$router.go(0)">
            <span style="font-weight:700;margin-right:5px;" class="iconfont">&#xe662;</span>刷新
          </el-button>
        </div>
      </div>
    </div>

    <div class="table">
      <el-table ref="multipleTable" :data="info" tooltip-effect="dark" style="width:100%" border>
        <el-table-column label="时间" align="center" width="150">
          <template slot-scope="scope">{{scope.row.time | dateFilter}}</template>
        </el-table-column>
        <el-table-column label="工单号" align="center" width="245" prop="no"></el-table-column>
        <el-table-column label="施工公司" align="center" width="245" prop="orgName"></el-table-column>
        <el-table-column label="五级地址" align="center" width="245" prop="station"></el-table-column>
        <el-table-column label="操作" align="center">
          <template slot-scope="scope">
            <a
              class="options"
              @click.prevent="$router.push({name:'expansionWorkLoad',params:{proId:scope.row.proId,flowStep:scope.row.nextFlowStep}})"
            >工作量审核</a>
            <a
              class="options"
              @click.prevent="$router.push({name:'expansionDetail',params:{proId:scope.row.proId,tabs:'first'}})"
            >查看详情</a>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
export default {
  name: "unProject",
  data() {
    return {
      Visible: false,
      Title: "审核意见",
      info: [],
      radio: "1",
      desc: ""
    };
  },
  created() {
    this.dataInit();
  },
  mounted() {},
  methods: {
    dataInit() {
      let that = this,
        suCb = res => {
          console.log("待验收项目查询结果：", res);
          that.info = that.deepClone(res.data.data);
        },
        erCb = res => {
          console.log(res)
        },
        req = {
          url: "/api/web/proWorkOrderPool/getCheckPending",
          methods: "post",
          data: {},
          success: suCb,
          error: erCb
        };
      that.$https(req);
    }
  },
  watch: {}
};
</script>
<style scoped>
.table {
  width: 1100px;
  margin: 20px auto;
}
a {
  cursor: pointer;
  color: #1abc9c;
  text-decoration: none;
}
</style>
